<template>
	<!--注册-------------------------------------->
	<div>
		<div class="title">忘记密码</div>
		<div class="text_aet">你现在的手机号是134****，请注意查看验证码？</div>
		<div class="input_box">
			<div class="name"> 
				  手机号
				  <br />
				  <input type="text" placeholder="请输入你的手机号" style="font-size: 0.2rem;line-height: 0.6rem;">
			</div>
			 <div class="pass">
			    密码
			    <br />
			    <input type="text" placeholder="请输入你的密码" style="font-size: 0.2rem;line-height: 0.6rem;">
			    <div class="yan">获取验证码</div>
				</div>		
			<div class="name"> 
				  登录密码
				  <br />
				  <input type="text" placeholder="请输入密码" style="font-size: 0.2rem;line-height: 0.6rem;">
			</div>
			<div class="name"> 
				  确认密码
				  <br />
				  <input type="text" placeholder="确认密码" style="font-size: 0.2rem;line-height: 0.6rem;">
			</div>	
			<button class="btn" @click="login_in">确定</button>
		</div>
	</div>

</template>
<script>
	export default {
		data: function() {
			return {
			}
		},
		methods: {
			login_in: function() {
				this.$router.push({
					path: '/login_in'
				})
			},
		}
	}
</script>
<style scoped="scoped">
	* {
		padding: 0;
		margin: 0;
		outline: none;
		border: none;
	}
	
	.title{
		font-size: 0.36rem;
		width: 100%;
		height: auto;
		height: 0.5rem;
		color: black;
		font-family: "微软雅黑";
		font-weight: bold;
		line-height: 0.5rem;
		/*background-color:darkslategrey;*/
		text-align: center;
	}
	
	.name {
		width: 90%;
		height: 1rem;
		margin: 0 auto;
		margin-top: 0.3rem;
		font-size: 0.26rem;
		border-bottom: solid 1px #CCCCCC;
	}
	
	.pass {
		width: 90%;
		height: 1rem;
		margin: 0 auto;
		margin-top: 0.3rem;
		font-size: 0.26rem;
		border-bottom: solid 1px #CCCCCC;
		position: relative;
	}
	.yan{
		width: 1.4rem;
		height: 0.4rem;
		font-size: 0.12rem;
		color: #696969;
		background-color:#C0C0C0;
		text-align: center;
		line-height: 0.4rem;
		border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
		position: absolute;
		top: 0.15rem;
		right: 0.1rem;
	}
	
	.btn{
		width: 80%;
		height:0.5rem;
		color: white;
		text-align: center;
		margin-left:10%;
		margin-top: 3%;
		font-size: 0.2rem;
		border-radius:0.3rem 0.3rem 0.3rem 0.3rem ;
		background-color: #fe8f24;
	}
	.hu_pass{
		width: 90%;
		height: 0.3rem;
		margin: 0 auto;
	}
	.input_box{
		width: 100%;
		height:5rem;
		margin-top: 0.2rem;
	}
	.text_aet{
		width: 95%;
		height: 0.5rem;
		background-color:blanchedalmond;
		color: #FE8F24;
		padding-left: 5%;
		line-height: 0.5rem;
		font-size: 0.24rem;
		margin-top: 0.2rem;
	}
</style>